<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大米网</title>
    <link rel="stylesheet" href="./大米网.css">
</head>

<body>
    <div class="main">
        <!-- 顶部 -->
        <div class="top">
            <div class="topcontent">
                <div class="topleft">
                    <span>大米网</span>
                    <span>大米网</span>
                    <span>大米网</span>
                    <span>大米网</span>
                    <span>大米网</span>
                    <span>大米网</span>
                    <span>大米网</span>
                    <span>大米网</span>
                    <span class="last">大米网</span>
                </div>
                <div class="topright">
                    <span>登录</span>
                    <span>|</span>
                    <span>注册</span>
                    <span>购物车（0）</span>
                </div>
            </div>
        </div>
        <!-- 头部导航栏 -->
        <div class="header">
            <div class="navcontent">
                <div class="navleft">

                </div>
                <div class="navmiddle">
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                    <span>大米手机</span>
                </div>
                <div class="navright">
                    <span>GO</span>
                </div>
            </div>
        </div>
        <!-- 广告栏上 -->
        <div class="bannerup">
            <div class="upcontent">
                <div class="upleft">
                    <p>手机
                        平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </p>
                    <p>手机
                        平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </p>
                    <p>手机
                        平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </p>
                    <p>手机
                        平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </p>
                    <p>手机
                        平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </p>
                    <p>手机
                        平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </p>
                    <p>手机
                        平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </p>
                    <p>手机
                        平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </p>
                    <p>手机
                        平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </p>
                    <p>手机
                        平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </p>

                </div>
                <div class="upright">
                    <img src="./image/T1vWdTBKDv1RXrhCrK.jpg" alt="">
                </div>
            </div>
        </div>
        <!-- 广告栏下 -->
        <div class="bannerdown">
            <div class="downcontent">
                <div>
                    <p></p>
                </div>
                <div><img src="./image/T1yvd_BQDT1RXrhCrK.jpg" alt=""></div>
                <div><img src="./image/T1yvd_BQDT1RXrhCrK.jpg" alt=""></div>
                <div><img src="./image/T1yvd_BQDT1RXrhCrK.jpg" alt=""></div>
            </div>
        </div>
        <!-- 明星单品 -->
        <div class="star">
            <div class="starcontent">
                <div class="starup">
                    上
                </div>
                <div class="stardown">
                    <div>1</div>
                    <div>2</div>
                    <div>3</div>
                    <div>4</div>
                    <div>5</div>
                </div>
            </div>
        </div>
        <!-- 智能硬件 -->
        <div class="yingjian">
            <div class="yingcontent">
                <div class="yingtop">
                    智能硬件
                </div>
                <div class="yingmain">
                    <div class="yingleft">

                    </div>
                    <div class="yingright">
                        <div><img src="./image/T16nVjBCKT1RXrhCrK.jpg" alt="">
                            <p>小蚁运动相机</p>
                            <p>边玩边录边拍 , 手机随时分享</p>
                            <p>399元</p>
                        </div>
                        <div><img src="./image/T16nVjBCKT1RXrhCrK.jpg" alt="">
                            <p>小蚁运动相机</p>
                            <p>边玩边录边拍 , 手机随时分享</p>
                            <p>399元</p>
                        </div>
                        <div><img src="./image/T16nVjBCKT1RXrhCrK.jpg" alt="">
                            <p>小蚁运动相机</p>
                            <p>边玩边录边拍 , 手机随时分享</p>
                            <p>399元</p>
                        </div>
                        <div><img src="./image/T16nVjBCKT1RXrhCrK.jpg" alt="">
                            <p>小蚁运动相机</p>
                            <p>边玩边录边拍 , 手机随时分享</p>
                            <p>399元</p>
                        </div>
                        <div><img src="./image/T16nVjBCKT1RXrhCrK.jpg" alt="">
                            <p>小蚁运动相机</p>
                            <p>边玩边录边拍 , 手机随时分享</p>
                            <p>399元</p>
                        </div>
                        <div><img src="./image/T16nVjBCKT1RXrhCrK.jpg" alt="">
                            <p>小蚁运动相机</p>
                            <p>边玩边录边拍 , 手机随时分享</p>
                            <p>399元</p>
                        </div>
                        <div><img src="./image/T16nVjBCKT1RXrhCrK.jpg" alt="">
                            <p>小蚁运动相机</p>
                            <p>边玩边录边拍 , 手机随时分享</p>
                            <p>399元</p>
                        </div>
                        <div><img src="./image/T16nVjBCKT1RXrhCrK.jpg" alt="">
                            <p>小蚁运动相机</p>
                            <p>边玩边录边拍 , 手机随时分享</p>
                            <p>399元</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 服务信息 -->
        <div class="server">
            <div class="servercontent">
                <div>1小时快修服务</div>
                <div>7天无理由退货</div>
                <div>15天免费换货</div>
                <div>满150元包邮</div>
                <div class="last">520余家售后网点</div>
            </div>
        </div>
        <!-- 底部信息 -->
        <div class="footer">
            <div class="footercontent">
                <div class="footerleft">
                    <ul>
                        <li>帮助中心</li>
                        <li>购物指南</li>
                        <li>支付方式</li>
                        <li>配送方式</li>
                    </ul>
                    <ul>
                        <li>服务支持</li>
                        <li>售后政策</li>
                        <li>自助服务</li>
                        <li>相关下载</li>
                    </ul>
                    <ul>
                        <li>大米之家</li>
                        <li>大米之家</li>
                        <li>服务网点</li>
                        <li>预约亲临到店服务</li>
                    </ul>
                    <ul>
                        <li>关注我们</li>
                        <li>新浪微博</li>
                        <li>大米部落</li>
                        <li>官方微信</li>
                    </ul>
                </div>
                <div class="footerright">
                    <ul>
                        <li class="tel">400-100-5678</li>
                        <li class="time">周一至周日 8:00-18:00</li>
                        <li class="note">（仅收市话费）</li>
                        <li class="online">24小时在线客服</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</body>

</html>